
<!-- //Child组件展示到Parent里面 -->
<template>
    <fieldset>
        <legend>Child组件</legend>
        <h1>Child组件</h1>
        <h2>来自父组件的数据:{{g}}</h2>
        <!-- 1.绑定个事件  子传父 -->
        <button>点击传递给父组件</button>
    </fieldset>
</template>

<script>
export default{
    //子组件也可以给写个data
    data(){
        return{
            h:'天下无敌'
        }
    },

    //5用来接收
    props:{
        g:{
            type:String
        }
    },
    methods: {
        send(){
            //触发事件 传参
            this.$emit('re',this.h)
        }
    }, 
    
    //组件嵌套的执行顺序
    beforeCreate (){
        console.log('子组件的 beforeCreate');
     },
    created () {
        console.log('子组件的  created');

     },
    beforeMount (){
        console.log('子组件的  beforeMount');

     },

    // 钩子函数注册事件
    mounted () {
        console.log('子组件的  mounted');

        this.$bus.$on('send2',input=>{
            console.log(input);
        })
    }
}

</script>